//放大镜
$('#fa').mousemove(function(){
	var ev = event.window||event;
	//获取鼠标在滑块中间的位置
	scrollX = document.body.scrollLeft||document.documentElement.scrollLeft;
	scrollY= document.body.scrollTop||document.documentElement.scrollTop;
	var pX = ev.pageX || ev.clientX + scrollX;
	var pY = ev.pageY || ev.clientY + scrollY;
	var x = pX - fa.offsetLeft - move.offsetWidth/2;
	var y = pY - fa.offsetTop - move.offsetHeight/2;
	//判断滑块不超出盒子左边和上边的距离 
	x = x < 0 ? 0 : x;
	y = y < 0 ? 0 : y;
	//获取滑块最大可移动区域
	var maxWidth = fa.offsetWidth - move.offsetWidth;
	var maxHeight = fa.offsetHeight - move.offsetHeight;
	//判断滑块不超出box1的右边和下边的距离
	x = x > maxWidth ? maxWidth : x;
	y = y > maxHeight ? maxHeight : y;
	//鼠标和滑块同步
	$('#move').css('left',x+"px");
	$('#move').css('top',y+"px");
	//获取放大的倍数
	var X = x*((bigImg.offsetWidth-faImg.offsetWidth)/(fa.offsetWidth-move.offsetWidth));
	var Y = y*((bigImg.offsetHeight-faImg.offsetHeight)/(fa.offsetHeight-move.offsetHeight));

	$('#bigImg').css('left',-X+"px");
	$('#bigImg').css('top',-Y+"px");
	//滑块与放大的图片同步
				
})
$('#fa').hover(function(){
	$('#big').show();
	$('#move').show();
},function(){
	$('#big').hide();
	$('#move').hide();
})

//点击上下数量变化

$('#sumBtnLeft').click(function(){
	var n = $('#sumInp').val();
	console.log(1111)
	n--;
	if(n<=1){
		n=1;
	}
	$('#sumInp').val(n)
	
})
$('#sumBtnRight').click(function(){
	var n = $('#sumInp').val();
	n++;
	$('#sumInp').val(n)
})



//返回后台数据
var data = location.href;
var arr = data.split("?");
var name = arr[1];
var imgId = name.substring(name.indexOf("=")+1)
$.ajax({
	type: "GET",
	url: "file/index.json",
	async: true,
	dataType: 'text',
	success: function(result){
		var jsonObj = JSON.parse(result);
		$('#faImg').prop("src",jsonObj[imgId]["a"]);
		$('#bigImg').prop("src",jsonObj[imgId]["a"]);
		$('#dataLeftp1').text(jsonObj[imgId]["b"]);
		$('#dataLeftp1').text(jsonObj[imgId]["c"]);
		$('#dataLeftp3').text(jsonObj[imgId]["d"]);
	}
});



//小图片TAB切换
for(var i=0;i<$('#fangTabUl img').length;i++){
	$('#fangTabUl img').eq(i).index=i;
	$('#fangTabUl img').eq(i).click(function(){
		console.log(1111)
//		$('#faImg').prop("src",$(this).prop('src'))
//		$('#bigImg').prop("src",$(this).prop('src'))
	})
}









//点击购物车侧弹窗口
// var a = 0
//$('.cart div').click(function(){
//	a++;
//	if(a%2==1){
//		$('.m-sidebar').animate({'right':'300px'},500)
//		$('#jiesuan').animate({'width':'300px'},500)
//		$('#jiesuanfoot,#quanxuan,#jiesuanlan').css('display','block')
//	}else{
//		$('.m-sidebar').animate({'right':'0px'},500)
//		$('#jiesuan').animate({'width':'0px'},500)
//	}
//	$('#jiesuanimg img').prop('src',$('#sptp img').prop("src"))
//	$('#jiesuanimg span').text($('#spname').text())
//	$('#jiesuanlansp').text($('#text1').val()+"件");
//	var bb = parseFloat(Number($('#spjiage span').text().split('￥')[0])*Number($('#text1').val()))
//	$('#jiesuanlan p').text(bb+'¥');
//	//全选
//	$('#quanxuan input').click(function(){
//	if($('#quanxuan input').prop('checked')){
//		$('#jiesuanlan input').prop('checked',true);
//	}else{
//		$('#jiesuanlan input').prop('checked',false);
//	}
//})
//})
